{extends file="index.tpl"}
{block name=head_title}LIÊN HỆ{/block}
{block name=head_script}
    <script>
        function check_lienhe(oForm) {
            if (oForm.chucvu.value === "0" || oForm.chucvu.value === null ||
                    oForm.ten.value === "" ||
                    oForm.sdt.value === "")
            {
                alert("Bạn chưa nhập đầy đủ các thông tin!");
                return false;
            }
            else {
                return true;
            }
        }
    </script>
    {if $action == "edit"}
        <script>
            $(document).ready(function() {
                    $('#ten').val('{$lienhe[0].TenLH}');
                    $('#sdt').val('{$lienhe[0].SDT}');
                    $("#chucvu").val({$lienhe[0].MaCV});
            });
        </script>
    {/if}
{/block}
{block name=head_style}{/block}
{block name=body}
    {if isset($action)}
        {if $action == "view"}
            <a href="/lienhe/add" class="link_add_new">Thêm liên hệ</a>
            <br />
            <br />
            <!-- Table View -->
            <table cellspacing="0" cellpadding="3" align="center" border="1" class="table">
                <thead>
                    <tr class="table_thead_tr">
                        <th colspan="6">
                            DANH SÁCH LIÊN HỆ
                        </th>
                    </tr>
                    <tr>
                        <th style="width: 40px">No.</th>
                        <th style="width: 200px">Name</th>
                        <th style="width: 100px">Phone</th>
                        <th style="width: 100px">Position</th>
                        <th style="width: 50px">Edit</th>
                        <th style="width: 60px">Delete</th>
                    </tr>
                </thead>
                <tbody>
                    {foreach from=$lienhe item=i}
                        <tr>
                            <td style="text-align: center">{$i@index + 1}</td>         
                            <td style="text-align: center">{$i.TenLH}</td>
                            <td style="text-align: center">{$i.SDT}</td>
                            <td style="text-align: center">{$i.TenCV}</td> 
                            <td style="text-align: center"><a href="/lienhe/edit/{$i.MaLHCV}">Edit</a></td>
                            <td style="text-align: center"><a href="/lienhe/delete/{$i.MaLHCV}" onclick="return confirm('Are you sure delete No.{$i.MaLHCV}?');">Delete</a></td>

                        {/foreach}
                </tbody>
            </table>
        {/if}
        {if $action == "add" || $action == "edit"}
            <!-- Table Add/Edit -->
            <form id="frmAddress" onsubmit="return check_lienhe(this);" action="/lienhe" method="post">
                <table cellspacing="0" cellpadding="3" align="center" border="1" class="table">
                    <thead>
                        <tr class="table_thead_tr">
                            <th colspan="2">
                                {if $action == "add"}
                                    {"Thêm liên hệ"|upper}
                                {/if}
                                {if $action == "edit"}
                                    {"Sửa liên hệ"|upper}
                                {/if}
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr style="color:#000066;">
                            <td>Họ & Tên</td>
                            <td>
                                <input id="ten" name="ten" type="text" style="width: 200px">
                            </td>
                        </tr>
                        <tr>
                            <td>Số Điện Thoại</td>
                            <td> 
                                <input id="sdt" name="sdt" type="text" style="width: 200px">
                            </td>
                        </tr>
                        <tr>
                            <td>Chức Vụ</td>
                            <td>
                                <select id="chucvu" name="chucvu" style="width: 200px">
                                    {if isset($chucvu)}
                                        <option value="0">Chọn</option>
                                        {foreach from=$chucvu item=i}
                                            <option value="{$i.MaCV}">{$i.TenCV}</option>
                                        {/foreach}
                                    {/if}
                                </select> 
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" style="text-align: center">  
                                <input type="submit" id="submit" name="submit" value="{if $action == "add"}Add{else}Update{/if}" />
                            </td>
                        </tr>
                        {if $action == "edit"}
                        <input type="hidden" id="maLHCV" name="maLHCV" value="{$lienhe[0].MaLHCV}" />
                    {/if}
                    </tbody>
                </table>
            </form>
        {/if}
    {/if}
    <!-- Hiện thông báo sau khi xử lý dữ liệu -->
    {if isset($success)}
        <span>
            {if $success==1}
                <p style="color:green">Thao tác thành công!</p>
            {/if}
            {if $success==-1}
                <p style="color:red">Thao tác thất bại vì dữ liệu bị trùng hoặc không tồn tại!</p>
            {/if}
            {if $success==0}
                <p style="color:red">Thao tác thất bại vì dữ liệu đang sử dụng!</p>
            {/if}
            <p>Đang chuyển đến trang "Danh sách liên hệ" sau: <span id="redirect" style="color: red; font-weight: bold">3</span> giây. 
                Hoặc <a href="/lienhe/view">chuyển ngay</a>
            </p>
            <script>
                setTimeout(function() {
                    $("#redirect").text('' + 2);
                }, 1000);
                setTimeout(function() {
                    $("#redirect").text('' + 1);
                }, 2000);
                setTimeout(function() {
                    $("#redirect").text('' + 0);
                }, 3000);
                setTimeout(function() {
                    top.location.href = '/lienhe/view';
                }, 3500);
            </script>
        </span>
    {/if}
{/block}